<template>
    <Panel>
        <div class="discussions">
            <div class="discussions__header">
                <div class="discussions__header-inner">
                    <div class="discussions__header-c discussions__c--date">
                        Date
                    </div>
                    <div class="discussions__header-c discussions__c--subject">
                        Subject
                    </div>
                    <div class="discussions__header-c discussions__c--created-by">
                        Created By
                    </div>
                </div>
            </div>
            <div class="discussions__items">
                <Discussion v-for="discussion in discussions" :discussion="discussion"></Discussion>
            </div>
        </div>
    </Panel>
</template>
<script>
    import axios from 'axios'
    import Discussion from './Discussion.vue'
    import Panel from './Panel.vue'

    export default {
        components: {
            Discussion,
            Panel
        },

        props: [
            'discussions'
        ],

        data() {
            return {

            }
        },

        methods: {

        }
    }
</script>